<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="bootstrap-3.3.7-dist/js/jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <style>
        a.btn {
            position: relative;
            left: 37%;
            bottom: 70%;
        }
        .layout {
            width: 375px;
            height: 500px;
            margin: 50px auto;
            border: solid gray 0px;
        }
        img {
            position: relative;
            left: -21%;
            top: -30%;
        }
        .form-group {
            bottom: 56%;
            position: absolute;
            left: 43%;
        }
        button[type='submit'] {
            position: relative;
            left: -3%;
        }
    </style>
</head>
<body>
<div class="layout">
    <img src="pic/logo.png" alt="">
    <br><br>
    <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
            <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
        </div>
    </form>
    <br><br><br><br><br><br><br><br>
    <a id="1" type="button" class="btn btn-primary btn-lg">挂号</a><br><br>
<!--    <a id="2" type="button" class="btn btn-primary btn-lg">预约挂号</a>-->
</div>
</body>
<script>

    $("#1").on("click",function () {
        window.location.href = "menu.html";
    })

    // $("#2").on("click",function () {
    //     window.location.href = "menu.html";
    // })



</script>


</html>